@charset "utf-8";
body {
	 font-family:'Microsoft YaHei';
	 font-size:14px;
	 width:100%;
	 height:100%;
	 color:#666;
	 -webkit-font-smoothing: antialiased;
}
*{
	 margin:0;
	 padding:0;
}
li {
	 list-style:none;
}
.header .nav>li .show a{
	 display: block;
}
a {
	 text-decoration:none;
	 color: #666;
	
	 transition:all 0.2s;
}
input,
select,
textarea {
	 border:none;
	 outline:none;
	 background:none;
	 font-family:'微软雅黑';
	 padding: 0;
}
textarea {
	 resize:none;
	 overflow: hidden;
	 -webkit-appearance: none;
}
img {
	 border:none;
	 vertical-align: top;
}
table {
	 border:0;
	 border-collapse: collapse;
}
em,
i {
	 font-style:normal;
}
.fr {
	 float:right;
}
.fl {
	 float:left;
}
.clear {
	 zoom:1;
}
.clear:after {
	 content:"";
	 display:block;
	 clear:both;
}
.contain{
	width: 1200px;
	margin: 0 auto;
}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;font:normal 12px /*'方正兰亭中黑_GBK',*/'Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}





/* 小屏幕导航 */
.p_transition {
	 transition:0.3s;
	 -webkit-transition:0.3s;
	 -o-transition:0.3s;
	 -moz-transition:0.3s;
}

.small_nav_btn {
	 position:absolute;
	 top:74px;
	 right:10px;
	 z-index:11;
	 display:none;
}
.small_nav_btn.active{
	position: fixed;
	top: 20px;
}
.small_nav_btn i {
	 width:30px;
	 height:2px;
	 background:#fff;
	 display:block;
	 margin-top:7px;

}
.hidebg{
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	display: none;
}
.small_nav_btn i:nth-of-type(1) {
	 margin-top:0;
}
.small_nav_btn i:nth-of-type(1).p_transform_1 {
	 transform:rotatez(45deg);
	 -webkit-transform:rotate(45deg);
	 -o-transform:rotate(45deg);
	 -moz-transform:rotate(45deg);
	 transform-origin:left top 0;
}
.small_nav_btn i:nth-of-type(3).p_transform_2 {
	 transform:rotatez(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 transform-origin:left top 0;
	 position: relative;
	 top: 12px;
}
.small_nav_btn i:nth-of-type(1).p_no_transform_1 {
	 transform:rotatez(0deg);
	 -webkit-transform:rotate(0deg);
	 -o-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
	 transform-origin:left bottom 0;
}
.small_nav_btn i:nth-of-type(3).p_no_transform_2 {
	 transform:rotatez(0deg);
	 -webkit-transform:rotate(0deg);
	 -o-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
	 transform-origin:left top 0;
}
.small_nav {
	 padding:50px 0 10px 0;
	 position:fixed;
	 width:150px;
	 height:100%;
	 top:0;
	 right:-160px;
	 text-align:center;
	 background:#fff;
	 z-index:10;
	 display:none;
	 overflow:auto;
}
.small_nav a {
	 font-size:16px;
	 display:block;
	 color:#666;
	 border-bottom:1px solid #eee;
	 line-height:50px;
}
.small_nav a.active{
	 color:#3db1fa;
	 border-bottom: 1px solid #3db1fa;
}
.scale img{
	transition:all 0.2s;
}
.scale:hover img{
	-webkit-transform: scale(1.2);     
	transform: scale(1.2);   
}







.header{
	width: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.header .top{
	/* padding-bottom: 16px; */
	position:relative;
}
.h-hj{
	position: absolute;
    left: 300px;
    top: 0px;
    height: 110px;
}
.h-hj img{
	height: 52px;
	margin: auto;
    display: block;
    margin-top: 18px;
	margin-bottom:1px;
}
.h-hj p{color:#fff;}
.header .logo{
	margin-top: 18px;
}
.header .phone{
	padding-left: 25px;
	margin-left: 27px;
	position: relative;
	margin-top: 20px;
	color: #fff;
	line-height: 18px;
	background: url(../images/h_phone.png) no-repeat 25px;
}
.header .phone:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.4) 
}
.header .phone .p1{
	font-size: 12px;
}
.header .phone .p2{
	font-size: 22px;
	font-family: 'Impact';
}
.header .h_right {
	width: 250px;
	margin-top: 15px;
}
.header .h_right img{
	display: block;
	float: left;
	margin-right: 10px;
}
.main .nav li:nth-child(8):after{
	height: 0px;
	width: 0px;
}

.header .h_right p{
	color: #fff;
	line-height: 25px;
}
.header .h_right p:nth-child(3){
	font-weight: bold;
	font-size: 25px;
}
.header .h_right p:nth-child(2){
	margin-top: 15px;
}
.header .h_right>em{
	color: #fff;
	display: inline-block;
	padding-left: 25px;
	cursor: pointer;
}
.header .h_right1{
	margin-left: 15px;
}
.header .h_right1>em{
	background: url(../images/h_lang.png) no-repeat left;
}
.header .h_right2>em{
	background: url(../images/h_ma1.png) no-repeat left;
}
.header .h_right>em>i{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 9px;height: 5px;
}
.header .h_right1>em>i{
	background: url(../images/h_dot2.png) no-repeat center;
}
.header .h_right2>em>i{
	background: url(../images/h_dot1.png) no-repeat center;
}

.header .h_right2{
	 /* transition:border-radius 0.2s; */
	 /* height: 38px; */
}

.header .h_right2 .show{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 38px;
	left: -1px;
	width: calc( 100% + 2px );
	background: #fff;
	border-radius: 0 0 10px 10px;
}
.header .h_right2:hover .show{
	opacity: 1;
	visibility: visible;
}
.header .h_right2 .show img{
	width: 125px;
	height: 125px;
}
.header .h_right{
	position: relative;
}
.header .h_right1 .show a{
	color: #999;
	display: block;
	cursor: pointer;
}
.header .h_right1:hover{
	background: #fff;
	border-radius: 20px 20px 0 0;
}
.header .h_right1 .show{
	display: none;
	position: absolute;
	left: -1px;
	top: 38px;
	width: calc( 100% + 2px );
	background: #fff;
}
.header .h_right1:hover .show{
	display: block;
	border-radius: 0 0 20px 20px;
}
.header .h_right1:hover em{
	color: #999;
}
.header .h_right1 a:hover,
.header .h_right1 em:hover{
	color: #269ef2;
}
.cp_box .afright img,.cp_box .afleft .afl1pic img{max-width:100%;}
.cp_box .afleft .afl1wz p{    margin: 16px 0;
    font-size: 1.0625em;color: #b3b3b3;}
.header .main1{
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
.header .nav{
	height: 46px;
	position: relative;
}
.header .nav>li{
	height: 100%;
	float: left;
	position: relative;
	padding: 0 33px;
}
.header .nav>li:hover a{color:#65c1ff}
.header .nav>li.em{
	padding: 0;
}
.header .nav>li.em:after{
	content: '';
	display: none;
}
.header .nav>li:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	height: 20px;
	width: 1px;
	background: rgba(255,255,255,0.4);

}
.header .nav>li>a{
	line-height: 44px;
	padding: 0 15px;
	color: #fff;
}
.header .nav .em{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	float: none;
	margin-right: 0;
	height: 3px;
	transition: width 0.3s;
	background: #00a0e9;
}


.footer .top{
	background: #313131;
	padding-top: 66px;
	padding-bottom: 30px;
}
.footer .left img{
	float: right;
}
.footer .left .font{
	float: left;
	width: 325px;
	margin-right: 50px;
	line-height: 25px;
	color: #999;
	font-size: 15px;
}
.footer .end span,.footer .end span a{
	color: #999;
}
.footer .friend{
	margin-top: 50px;
	border-top: 1px solid #636363;
	padding-top: 30px;
}
.footer .friend span{
	float: left;
	color: #999;
}
.footer .friend a{
	color: #ccc;
	float: left;
	margin-right: 10px;
}
.footer .nav{
	float: left;
}
.footer .nav li{
	margin-left: 50px;
	float: left;
	padding: 0px 10px;
}
.footer .nav li:first-child{
	margin-left: 0;
}
.footer .nav li p{
	color: #f0f0f0;
	margin-bottom: 15px;
	font-size: 18px;
}
.footer .nav li a{
	line-height: 25px;
	color: #999;
	font-size: 15px;
	padding: 0px;
	margin-bottom: 10px;
}
.footer .end{
	background: #1b1b1b;
	line-height: 50px;
}
.footer .end ul{
	float: right;
	margin-top: 15px;
}
.footer .end li{
	float: left;
	margin-left: 10px;
}
.footer .end li a{
	line-height: 20px;
}
.tab{
	border-bottom: 1px solid #eee;

}
.tab a{
	padding: 0 10px;
	display: inline-block;
	margin-right: 30px;
	line-height: 58px;
	border-bottom: 2px solid #fff;
}
.tab a:hover,
.tab a.active{
	color: #269ef2;
	border-bottom: 2px solid #269ef2;
}

.all_title{
	text-align: center;
	padding: 60px 0 40px;
}
.all_title .pq{
	font-size: 26px;
	font-weight: bold;
	color: #333;
	margin-bottom: 12px;
}
.all_title .pw{
	text-align: center;
	width: 540px;
	margin: 0 auto;
	position: relative;
}
.all_title .pw i{
	display: inline-block;
	width: 36px;
	height: 17px;
	vertical-align: middle;
	background: url(../images/all_title1.png) no-repeat center;
}
.all_title.white .pq{
	color: #fff;
}
.all_title.white .pw i{
	background: url(../images/all_title2.png) no-repeat center;
}
.all_title.white .pw:before{
	width: 250px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background: rgba(255,255,255,0.4)
}
.all_title.white .pw:after{
	width: 250px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	content: '';
	background: rgba(255,255,255,0.4)
}

.all_title .pw:before{
	width: 250px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background:#dcdcdc;
}
.all_title .pw:after{
	width: 250px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	content: '';
	background:#dcdcdc;
}



.paging {
	 text-align:center;
	 padding: 55px 0 75px;
}
.paging li {
	 display:inline-block;
	 margin-right:5px;
	 background: #eee;
}
.paging li p{
	font-size: 12px;
}
.paging li.style {
	 width:30px;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 color: #999;
}
.paging li.active,
.paging li.style:hover {
	 background: #58b6f7;
}
.paging li.style a {
	 color:#999;
	 font-size:14px;
}
.paging li.active a,
.paging li.style:hover a {
	 color:#fff;
}
.paging li.style1 {
	 width:120px;
	 height:45px;
	 text-align:center;
	 line-height:45px;
}
.paging li.active,
.paging li.style1:hover {
	 background: #58b6f7;
}
.paging li.active a,
.paging li.style1:hover a{
	 color: #fff;
}
.paging li.style1 a {
	 color:#999;
	 font-size:14px;
}
.paging a {
	 display:block;
}


.right_slide{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 2;
	margin-top: -115px;
}
.right_slide li{
  width: 50px;
  height: 50px;
  position: relative;
  margin-bottom: 5px;
}
.right_slide li:last-child{
	margin-bottom: 0;
}
.right_slide li>a{
	height: 50px;
}
.right_slide li.ico1>a{
	background: url(../images/right_slide1.png) no-repeat center;
	background-size: cover;
}
.right_slide li.ico2>a{
	background: url(../images/right_slide2.png) no-repeat center;
	background-size: cover;
}
.right_slide li.ico3>a{
	background: url(../images/right_slide3.png) no-repeat center;
	background-size: cover;
}
.right_slide li.ico4>a{
	background: url(../images/right_slide4.png) no-repeat center;
	background-size: cover;
}
.right_slide li .show{
	background: #fff;
	right: 60px;
	position: absolute;
	width: 225px;
	border-radius: 6px;
	overflow: hidden;
	top: 0;
}
.right_slide li.on_kf .show{
	top: 0;
}
.right_slide li.on_kf .show div{
	border: 1px solid #eee;
	border-top: 0;
}
.right_slide li.on_kf .show p{
	background: #269ef2;
	line-height: 50px;
	text-indent: 20px;
	color: #fff;
}
.right_slide li.on_kf .show a{
	padding-left: 48px;
	background: url(../images/right_slide11.png) no-repeat 20px;
	line-height: 48px;
	border-top: #eee 1px solid ;
}
.right_slide li.on_kf .show a:hover{
	color: #269ef2;
}
.right_slide .show{
	visibility: hidden;
	opacity: 0;
	transition:all 0.2s;
}
.right_slide li:hover .show{
	opacity: 1;
	visibility: visible;
}
.right_slide .on_phone .show{
	line-height: 50px;
	font-size: 20px;
	background: #58b6f7;
	color: #fff;
	width: 160px;
	text-align: center;
}
.right_slide .on_ma .show{
	border: 1px solid #eee;
	height: 215px;
	top: -110px;
	text-align: center;
}
.right_slide .on_ma .show img{
	width: 201px;
	margin-top: 7px;
	height: 201px;
}
.header .nav>li:hover .show{
	visibility: visible;
	opacity: 1;
}
.header .nav>li .show{
	width: 100%;
	background: rgba(255,255,255,0.7);
	position: absolute;
	left: 0;
	top: 47px;
	text-align: center;
	line-height: 40px;
	opacity: 0;
	transition: all 0.3s;
	visibility: hidden;
}
.header .nav>li .show a{
	border-bottom: 1px dashed #d1d1d1;
}
.header .nav>li .show a:hover{
	color: #3f95e7;
}
.head1{
	position: fixed;
	background:rgba(0,0,0,0.8);
	display:none;
}
.head1 .nav .em{
	background:#00a0e9
}
.g_fw .m_fw ul{
	width:1200px;
	margin:auto;
}
.g_fw .m_fw ul li {
    float: left;
    color: #868686;
    font-size: 40px;
    font-weight: bold;
    border-right: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
}
.g_fw .m_fw {
    width: 1000px;
    overflow: hidden;
    margin: auto;
    height: auto;
}



/* 首页 */
.banner .slider {
  position: relative;
  width: 100%;
  height: 738px;
  overflow: hidden;
}
.banner .slides {
  height: 100%;
  overflow: hidden;
  list-style: none;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.banner .slide {
  height: 100%;
  float: left;
  clear: none;
  background-size: cover !important;
}
.banner .slide a{
  width: 100%;
  height: 100%;
  display: block;
}
.banner .slider-arrows {}

.banner .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -16px;
  text-decoration: none;
  width: 123px;
  height: 32px;
  bottom: 50%;
  text-indent: 999px;
  overflow: hidden;
}


.banner .slider-arrow--right { right: 0;background: url(../images/book_right.png) no-repeat center; }
.banner .slider-arrow--left {  left: 0; background: url(../images/book_left.png) no-repeat center; }

.banner .slider-nav {
  position: absolute;
  bottom: 30px;
}

.banner .slider-nav__item {
  width: 22px;
  height: 24px;
  clear: none;
  display: inline-block;
  margin: 0 5px;
  background: url(../images/hx_dot1.png) no-repeat center;
}

.banner .slider-nav__item:hover { background: url(../images/hx_dot2.png) no-repeat center;
  background-size: cover; }
.banner .slider-nav__item--current { background: url(../images/hx_dot2.png) no-repeat center;
  background-size: cover; }
  
  
 .head2 {
      position: fixed;
      z-index: 10000!important;
      height: 5rem;
	  top: 0px;
	  background-color:#1b1b1b;
      box-shadow: 2px 2px 0px #888787;
	  width: 100%;
}
.head2 .menu_btn {
    padding: 1.1rem 0 0 0;
    width: 60%;
    font-size: 1.3rem;
    color: #174b89;
    right: 0;
    position: absolute;
}
.head2 .menu_btn a.downmenu {
    width: 18%;
    display: block;
    float: right;
    top: -3rem;
    padding-right: 10%;
    position: relative;
}
.head2 .menu_btn a.downmenu img {
    width: 100%;
	cursor: pointer;
}
.head2 .logo {
    float: left;
    width: 35%;
    padding: 1.4rem 0 0 3%;
	margin-top: 0.8rem;
	margin-left: 0.8rem;
}
.head2 .logo img {
    height: auto;
    width: 75%;
    display: block;
}
.menu2 {
    position: relative;
    z-index: 10;
}
.menu2 .slideMenu {
    width: 100%;
    display: none;
    z-index: 80;
    height: 105rem;
    overflow: hidden;
    position: absolute;
    top: 5rem;
    right: 0;
    transition: transform 1s;
    -webkit-transition: transform 1s;
	background: rgba(0, 0, 0, 0.84);
}
.menu2 ul {
    margin: 0;
    transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
}
.menu2 ul li:first-child {
    border-top: none;
}
.menu2 ul li {
    border-bottom: 1px solid #5f5e5e;
    line-height: 3.5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* text-align: center; */
    color: #fff;
	padding-left:5%;
}
.menu2 ul li a {
    font-size: 1.7rem;
    color: #fff;
    text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}
/* 四大介绍 */
#advantage {

    background: #f5f5f5;
    padding: 1rem 0;
	overflow: hidden;

}
.container {

    width: 1200px;
	margin: auto;

}
.adv-ul {

    margin: 0 -5px;

}
.clearfix::before, .clearfix::after {

    display: table;
    line-height: 0;
    content: "";

}
.adv-ul li {

    float: left;
    width: 25%;

}
.adv-ul .Item {

    background: #fff;
    margin: 0 5px;
    padding: 45px 0 40px;
    text-align: center;
    transition: all 0.3s linear;

}
.adv-ul .Item h3 {

    font-size: 20px;
    color: #000;
    line-height: 30px;
    margin-bottom: 5px;
    font-weight: 500;

}
.adv-ul .Item p {

    font-size: 14px;
    color: #666;
    line-height: 30px;
	width: 90%;
	margin: auto;

}
.adv-ul .Item:hover h3 {

    color: #df0000;

}
.adv-ul .Item:hover .iconfont {

    color: #df0000;

}
.adv-ul .Item:hover {

    box-shadow: 0 0 5px 1px #e1e1e1;
    transform: translateY(-3px);

}
.adv-ul .Item .iconfont {

    font-size: 36px;
    color: #999;
	display: block;
	margin: auto;

}
.ly_tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	transform:rotate(1deg);	
}
.ly_tit1{
	background: #fff;
	transform:rotate(0deg);	
}
.ly_tit1 h3{
	transform:rotate(0deg) !important;	
}
.cpzx .ly_tit h3{
	transform:rotate(0deg) !important;	
}
.cpzx .container{
	transform:rotate(1deg) !important;	
}
.tab_list,.tab_list1{
	transform:rotate(0deg) !important;	
}
.ly_tit h3{
	font-size: 36px;
	color: #111;
	margin-top: 4.125rem;
	text-align: center;
	margin-bottom: 1rem;
	font-weight: inherit;
	transform:rotate(1deg);	
}
.ly_tit p{
	width: 6.875rem;
	height:0.25rem;
	background: #0073de;
	margin: auto;
	margin-bottom: 3rem;
}
.cpzx{
	width: 100%;
	height: 630px;
	background: #f0f0f0;
	transform:rotate(-1deg);
}
.tab_list{
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: rotate(1deg);
}
.tab_list ul li{
	
}
.tab_list ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 25px;
	overflow: hidden;
}
.tab_list ul li img{
	width: 100%;
	height: auto;
}
.tab_list ul li .yy{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	border-radius: 25px;
	display: none;
}
.tab_list ul li span{
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-left: -12.5%;
	margin-top: -12.2%;
	left: 40%;
	display: none;
}
.tab_list ul li:hover .yy ,.tab_list ul li:hover span{
	display: block;
}
.tab_list ul li:hover a{
	box-shadow: 4px 4px 4px #a59898;
	transform: all 1s;
}
.ats{
	
}
.ats ul li .yy ,.ats ul li span{
	display: block;
}
.tab_c{
	width: 100%;
	height: 155px;
	background: url(../images/cp_bj.png) no-repeat;
	background-size: 100% 100%;
	display: none;
}
.tab_list1{
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: rotate(1deg);
	box-shadow: 4px 4px 4px #a59898;
	border-radius: 25px;
	margin-top: 50px;
	
}
.tab_c ul li{
	width: 50%;
	float: left;
	height: 100%;
}
.tab_c ul li p{
	width: 70%;
	margin-left: 20%;
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
	line-height: 30px;
}
.ys_gg{
	width: 100%;
	height:280px;
	background: url(../images/gg.jpg)no-repeat;
	background-size:100% 100%;
	/* transform: rotate(-1deg); */
}
.ys_gg .container{
	transform: rotate(1deg);
}
.ys_gg .imgm{
	margin-top: 40px;
	float: left;
	margin-right: 20px;
}
.gg_txt{
	width: 460px;
	height: auto;
	float: left;
	margin-top: 100px;
}
.gg_txt h3{
	font-size: 36px;
	color: #fff;
	margin-bottom: 10px;
}
.gg_txt p{
	font-size: 17px;
	color: #fff;
}
.gg_tel{
	width: 320px;
	height: auto;
	float: right;
	margin-top: 100px;
}
.gg_tel img{
	display: block;
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	margin-top: 10px;
}
.gg_tel p:nth-child(2){
	font-size: 17px;
	color: #fff;
}
.gg_tel p:nth-child(3){
	font-size: 32px;
	color: #fff;
}
.youshi{
	width: 100%;
	height: auto;
	overflow: hidden;
	/* transform: rotate(-1deg); */
	background: #fff;
	padding-bottom: 60px;
}

.ys_one{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.ys_two{
	width: 100%;
	height: 600px;
	overflow: hidden;
	/* transform: rotate(1deg); */
	margin-top: 40px;
	background: url(../images/ys_t_img1.jpg)no-repeat;
	background-size:100% 100%;
}
.ys_tr{
	margin-top: 70px;
}
.ys_one ul li{
	width: 100%;
	overflow: hidden;
}
.ys_one ul li:nth-child(1){
	margin-bottom: 60px;
}

.ys_one ul li img{
	display: block;
	float: left;
	margin-right: 25px;
}
.ys_one ul li h3{
	font-size: 30px;
	color: #333;
	border-bottom: 1px dashed #ccc;
	width: 400px;
	float: right;
	line-height: 60px;
}
.ys_one ul li p{
	font-size: 16px;
	color: #777;
	width: 400px;
	float: right;
	line-height: 30px;
	margin-top: 10px;
}
.fxj{
	 
}
.ys_two ul{
	margin-left: 50%;
	margin-top: 130px;
}
.ys_two ul li{
	width: 100%;
	overflow: hidden;
}
.ys_two ul li:nth-child(1){
	margin-bottom: 60px;
}

.ys_two ul li img{
	display: block;
	float: left;
	margin-right: 25px;
}
.ys_two ul li h3{
	font-size: 30px;
	color: #fff;
	border-bottom: 1px dashed #ccc;
	width: 400px;
	float: right;
	line-height: 60px;
}
.ys_two ul li p{
	font-size: 16px;
	color: #fff;
	width: 400px;
	float: right;
	line-height: 30px;
	margin-top: 10px;
}
body{background-color: #f0f0f0 !important;}
.ons3{display: none;}
#logo{display: none;}



.xwzx{width: 100%;height: auto;overflow: hidden;}
.in_news{
	padding-bottom: 50px;

	overflow: hidden;
}
.in_news li a:hover ,.in_news li .top:hover p{

    color: #269ef2 !important;

}
.in_news li .top:hover img {

    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}
.in_news li {
    float: left;
    width: 380px;
    margin-right: 15px;

}
.in_news li .top {

    border: 1px solid #D4D4D4;
	display: block;
	margin-bottom: 20px;

}
.cpdl_right h1 {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    margin-top: 50px;
    margin-top: 24px;
    margin-bottom: 16px;
    color: #d02027;
}
.in_news .img {

    overflow: hidden;

}
.xwzx .ly_tit,.youshi .ly_tit{
	  transform: rotate(0deg); 
}
.xwzx .ly_tit h3,.youshi .ly_tit h3{
	  transform: rotate(0deg); 
}
.xwzx  .container{
	padding: 0px;
}
.in_news .img img {

    width: 378px;
    height: 220px;
    transition: all 0.2s;

}

.in_news li .top p {

    line-height: 48px;
    text-indent: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #555555;

}
.in_news li .font {

    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #555555;
	white-space:nowrap;
	display: block;

}
.in_news li:nth-of-type(3n) {

    margin-right: 0;

}

/* footer */





@media screen and (max-width: 768px){
	.PC{display:none !important;}
	.yidong{display:block !important;}
	#logo{display: block;}
	.header{display: none !important;}
	.banner .slider{height: 20rem;}
	.banner{margin-top: 5rem;}
	.slider-arrows{display: none;}
	.banner .slider-nav{bottom: 10px;}
	.container{width: 97%;padding: 0px 1.5%;}
	.adv-ul li{width: 50%;margin-bottom: 10px;}
	.adv-ul .Item{padding: 1rem 0px 0px 0px;}
	.adv-ul .Item p{line-height: 1.875rem;}
	.desktop-wrapper .options{max-width: 100%;min-width: 0px !important;height: 25rem !important;}
	.desktop-wrapper .options .option{width: 25%;min-width: 0px !important;}
	.description p{display: none;}
	.desktop-wrapper .options .option.active>div .info-wrapper .ext-link{margin-left: 0px !important;margin-top: 0px !important;
	width: 90% !important;margin: auto !important;}
	.desktop-wrapper .options .option>div{padding: 0px !important;}
	#advantage .container{padding-left: 5px !important;padding-right: 5px !important;}
	.cpzx .container{padding-left:0px;padding-right: 0px;}
	.cpzx,.tab_list{height: auto;}
	.cpzx{padding-bottom: 40px;}
	.tab_list ul li{width: 25%;float: left;padding: 5px;}
	.tab_list ul li a{border-radius: 0px;}
	.tab_c{background: none;height: auto;}
	.tab_list1{width: 96%;margin: auto; transform: rotate(0deg);box-shadow: none;}
	.tab_c ul li{width: 100%;}
	.tab_c ul li p{width: 100%;margin-left: 0px;font-size: 14px;line-height: 25px;}
	.tab_list ul li span{display: block;font-size: 12px;}
	.tab_list ul li .yy{display: block;border-radius: 0px;}
	.ys_gg{display: none;}
	.youshi,.ly_tit,.ly_tit h3,.fxj{transform: rotate(0deg);}
	.fxj{padding: 0px !important;}
	.ys_one{margin-top: 0px;}
	.ys_one ul li h3{width: 100%;font-size: 20px;}
	.ys_one ul li p{width: 100%;font-size: 14px;}
	.ys_one ul li img{width: 50px;}
	.ys_one ul li:nth-child(1){margin-bottom: 20px;}
	.ons2{width: 100%;margin-top: 20px;}
	.ys_two{background: none;height: auto;}
	.ys_two .container{padding: 0px;}
	.ys_two ul{width: 100%;margin-left: 0px;margin-top: 0px;}
	.ys_two ul li img{width: 50px;}
	.ys_two ul li h3{ font-size: 20px;color: #333;width: 100%;}
	.ys_two ul li p{width: 100%;font-size: 14px;    color: #777;}
	.ys_two ul li:nth-child(1){margin-bottom: 20px;}
	.ys_tr .ons2{display: none;}
	.ons3{display: block;margin-bottom: 40px;}
	.ly_tit h3{font-size: 30px;margin-bottom: 0.5rem;}
	.in_news li{width: 100%;margin-right: 0px;margin-bottom: 10px;}
	.in_news .img img{width: 100%;height: auto;}
	.contain{width: 100%;}
	.contain .left {width: 100%;}
	.contain .left img{display: block;margin: auto;float: initial;}
	.footer .left .font{margin: auto;float: initial;margin-top: 30px;width: 90%;}
	.footer .nav{display: none;}
	.footer .friend{display: none;}
	.footer .end span{text-align: center;}
	.footer .end{line-height: 30px;padding: 10px 0px;}
	main section.banner{}
	.present{display: block !important;}
	main section.full-service article .cards li{padding: 0px !important;}
	main section.full-service article .cards li .h3{padding: 0px !important;}
	main section.full-service article .cards li .h6{padding: 0px !important;width: 90%;margin: auto;}
	main section.full-service article .cards li .icon{margin-top: 20px;}
	main section.serious .cards li .h2,main section.serious .cards li .h6{padding: 0px !important;}
	main section.serious .cards li .h2{margin-bottom: 10px;}
	.g_lc .content{width: 100% !important;}
	.g_lc h2{font-size: 20px !important;}
	.g_lc{padding-top: 40px !important;height: 400px !important;}
	.g_lc .lcico{max-width:750px; min-width:320px; white-space:nowrap; overflow-x:auto;}
	.g_lc .lcico li{display:inline-block;float: inherit !important;margin-right: 0px !important;
	   background-size:100% auto !important;}
	.lctel2{display: none;}
	main section.banner-simple{height: 200px;}
	main section.banner .h1{font-size: 20px;}
	main section.banner .h3{font-size: 12px;}
	.poto{display: none;}
	main section.tabbar article ul.tabs li{width: 25%;}
	.culture{padding: 0px !important;}
	.p4-order-form-1-con{background: none !important;padding: 5px 2% !important;}
	.p4-order-form-1-con label{width: 100% !important;text-align: left !important; }
	.p4-order-form-1-con .inputs, .p4-order-form-1-con li select{width: 100% !important;}
	.p4-order-form-1-t1 textarea{width: 100% !important;}
	.p4-order-form-1-con .p4-order-form-1-t3{margin: auto ;padding-left: 0px !important;text-align: center;}
	.p4-order-form-1 .p4-titlel-1{height: 30px !important;line-height: 30px !important;font-size: 14px !important;}
	main section.jobs .cards .group li p{line-height: 1;}
	.m_cpzx_list{width: 100% !important;top: 0px !important;position: relative !important;}
	.cpzxbanner{display: block !important;height: 200px !important;    margin-top: 5rem;}
	.cpzxbanner article{padding-top: 96px !important;}
	.cpzxbanner article .h1{font-size: 20px !important;margin-top: 0px;}
	.cpdl_left{width: 100% !important;height: 200px !important;}
	.cpdl_right{width: 100% !important;margin-right: 0px !important;height: auto !important;margin-bottom: 30px;}
	.cpdl_right h3{font-size: 20px !important;margin-top: 20px !important;text-align: center;}
	.byd{padding: 10px 10px 30px 10px;}
	.xcdd {padding: 30px 0px 20px 0px !important;}
	.xcdd li a{padding: 5px 8px !important;font-size: 12px !important;}
	.xcdd li{width: 48% !important;margin-bottom: 10px !important;margin-left: 0px !important;margin-right: 0px !important;}
	.isotope-items{padding-left: 0px !important;padding-right: 0px !important;min-height: auto !important;}
	.portfolio-v1 .content{top: 100% !important;background:rgb(0,0,0,0.7)}
	.portfolio-v1 .content .category{display: none;}
	.portfolio-v1 .content .title{height: 35px;line-height: 35px !important;}
	.portfolio-v1 .content .title a{padding-bottom: 0px !important;}
	.sidebar-box.white{display: none;}
	.page-heading .locationbox{margin-top: 0px !important;}
	.banner {
	    width: 100%;
	    height: 20rem !important;
	    background-size: cover !important;
	    position: relative;
	    overflow: hidden;
	}
	.banner_case_con {
	    top: 50% !important;
	}
	.banner_case_conTitle {
	    text-align: center;
	    font-size: 20px !important;
	    color: #fff;
	}
	main section.full-service{margin-top: 0px !important;padding-top: 0px !important;}
	main section.banner article{padding-top: 50px !important;}
}

	.present{display: none;}
	.bd_con .list{
		width:100%;
		padding: 27px 0;
		background: #f6f6f6;
		padding-left: 20px;
		margin-top: 10px;
		transition: all 0.8s;
	}
	.bdmenu ul li:hover a{
		background: #fff;
		color: #01a0dc;
	}
	.bdmenu ul li  a:hover:after{
		transition: 1s;
		width: 100%;
	}
	.bdmenu ul li  a:after{
		position: absolute;
		transition: .3s;
		content: '';
		width: 0;
		left: 0;
		bottom: 0;
		height: .2rem;
		background: rgba(7,136,224, 0.3);
	}
	
	
	
.culture {

	
	padding: 30px 30px 60px 30px;

}
.p4-order-form-1 {

    overflow: hidden;

}
.p4-order-form-1 .p4-titlel-1 {

    width: 145px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #0685de;

}
.yidong{display:none;}
.p4-order-form-1 .p4-titlel-1 {

    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #fff;

}
.p4-order-form-1-con {

    border: 1px solid #bbb;
    background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
    padding: 40px 15%;

}
.p4-order-form-1-t1 textarea {

    width: 73%;
    height: 102px;
    line-height: 24px;
    border: 1px solid #0685de52;
    outline: none;
    resize: none;
    overflow: auto;
    margin-right: 10px;
    padding-left: 10px;

}
.p4-order-form-1-con li {

	margin-bottom: 10px !important;
    font-size: 14px;
    line-height: 35px;
    color: #666;
    overflow: hidden;
	width: 100% !important;
	margin-top: 0px !important;
	padding-bottom: 0px !important;

}
.p4-order-form-1-con label {

    display: inline-block;
    width: 120px;
    color: #666;
    vertical-align: top;
    text-align: right;
    height: 33px;
    line-height: 33px;
    overflow: hidden;

}
.p4-order-form-1-con li b {

    color: #f00;

}
.p4-order-form-1-con li .row-hd {

    color: #666;

}
.p4-order-form-1-con .inputs, .p4-order-form-1-con li select {

    width: 73%;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #0685de52;
    height: 33px;
    line-height: 32px;
    color: #666;
	
}
.p4-order-form-1-con li p {

    padding-left: 130px;
    color: #999;
    font-size: 12px;

}
.p4-order-form-1-con li p {

    clear: both;

}
.timenum {

    padding-left: 95px;

}
.p4-order-form-1-con .p4-order-form-1-t3 {

    padding-left: 95px ;

}
.p4-order-form-1-con .p4-order-form-1-t1 {

    width: 100%;

}
.p4-order-form-1-con .p4-order-form-1-t3 input {

    width: 80px;
    height: 30px;
    border: 0;
    text-align: center;
    margin-right: 30px;
    color: #fff;
    padding-left: 0;
    cursor: pointer;

}
.p4-order-form-1-con .p4-order-form-1-b1 {

    background: #0685de;

}
.p4-order-form-1-con .p4-order-form-1-t3 input {

    width: 80px;
    height: 30px;
    border: 0;
    text-align: center;
    margin-right: 30px;
    color: #fff;
    padding-left: 0;
    cursor: pointer;

}
.p4-order-form-1-con .p4-order-form-1-b2 {

    background: #767676;

}
.timenum {

    clear: both;

}

.cpzx_nav{
	position: relative;
}

.cpzx_nav ul{
	position: absolute;
	top: 45px;
	left: 0px;
	display: none;
	background: rgba(0, 0, 0, 0.67);
	width: 152px;

}
.header .nav>li>a{
	height: 45px;
}

.cpzx_nav ul li{
	
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.cpzx_nav ul li a{
	color: #fff !important;
}


.cpzx_nav ul li:hover{
	background:#088ae1;
	
}



.m_cpzx_nav{
	position: relative;
}

.m_cpzx_nav ul{
	position: absolute;
	top: 45px;
	left: 0px;
	display: none;
	background: rgba(0, 0, 0, 0.2);
	width: 152px;

}
.m_cpzx_nav ul li a{font-size:1.2rem}
.m_cpzx_nav  ul li:last-child{border-bottom:none;}
.m_cpzx_nav ul li{
	
	height: 40px;
	line-height: 40px;
	text-align: center;
	 border-bottom: 1px dashed #717171;
	 
}
.m_cpzx_nav ul li a{
	color: #fff;
}

.m_cpzx_nav ul li:hover{
	background: #fff;
}
.m_cpzx_nav ul li:hover a{
	color:#0787df; 
}
.gb{display:none;}
.m_cpzx_nav::after{
	    content: '';
	    width: 23px;
	    height: 23px;
	    border-radius: 50%;
	    display: inline-block;
	    position: absolute;
	    top: 20px;
	    right: 10px;
	    background-image: url(../images/jtx.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: 50%;
	    transform: translate(0,-50%);
}
.xz::after{
	 transform: translate(0,-50%) rotate(90deg);
}
.dwdh{
	float: right;
    margin-right: 4rem;
    /* margin-top: 15px; */
	width: 50px;
    height: 60px;
    text-align: center;
}
.dwdh img{display:block;margin-top:12px}
.page{height:24px;margin-bottom: 30px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}
.isotope-items{overflow: hidden;min-height: 500px;}
.cpdl_left{width: 400px;height: 380px;float: left;}
.cpdl_right{width: 720px;height: 380px;float: right;margin-right: 40px;}
.cpdl{background: rgb(242, 242, 242);margin-top: 40px;padding: 0px !important;}
.cpdl_left img{width: 100%;height: 100%;}
.cpdl_right h3{
	height: 50px;
	line-height: 50px;
	font-size: 24px;margin-top: 50px;
}
.cpdl_right i{width: 100%;height: 1px;display: block;background: #0788e0;}
.byd{margin-top: 20px;text-indent: 2em;max-height: 240px;height: auto;overflow: hidden;}
.banner {
    width: 100%;
    height: 540px;
    background-size: cover!important;
    position: relative;
    overflow: hidden;
}
.pack {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #394b59;
    background-color: rgba(57,75,89,0.7);
}
.banner_case_con {
    width: 100%;
    max-width: 1000px;
    padding: 0 20px;
    margin: 0 auto;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.banner_case_conTitle {
    text-align: center;
}
.h4_fontsize {
    font-size: 59px;
    color: #fff;
    font-family: "微软雅黑";
    max-width: 1000px;
    width: 100%;
    height: auto;
    min-height: 59px;
    line-height: 59px;
    text-align: center;
    margin: 0;
}
.contactWay {    padding: 70px 0 30px 0 !important;}
.contactWay  .left{width:50%;float:left}
.contactWay  .left span{width:100%;display: block;line-height: 35px;}
.contactWay  .right{width:50%;float:right}
.contactWay  .left span:nth-child(2){
	background-image: url('../images/icon_phone.png');
	background-repeat: no-repeat;
	background-position: left 0 top 5px;
	padding-left:30px;
}
.contactWay  .left span:nth-child(3){
	background-image: url('../images/icon_fax.png');
	background-repeat: no-repeat;
	background-position: left 0 top 5px;
	padding-left:30px;
}

.contactWay  .left  #dzs{
	background-image: url('../images/icon_address.png');
	background-repeat: no-repeat;
	background-position: left 0 top 5px;
	padding-left:30px;
}

.contactWay  .right p{
	font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    color: #088be1;
}
.contactWay  .right  form{
	width:100%;
	height:auto;
}
.contactWay  .right  form li{
	width:50%;
	float:left;
	height:30px;
	line-height:30px;
}
.contactWay  .right  form li input{width:90%;border:1px solid #ccc;padding-left:10px}
.contactWay  .right  form  .neirong{
	width:80%;
	margin-bottom:20px;
	margin-top:20px;
}
.contactWay  .right  form  textarea{
	width:95%;
	border:1px solid #ccc;
	line-height: 1em;
	height:60px;
	padding:10px;
}
.contactWay  .right  form  .tijiao{
	width:15%;
	height:30px;
	line-height:30px;
	background:#088be1;
	margin-right:5%;
	height: 60px;
	margin-top:20px;
	color:#fff;
	box-shadow:2px 2px 2px #ccc;
}
.contactWay  .right  form  .tijiao:hover{
	box-shadow:2px 6px 4px #ccc;
	transition:all 0.5s;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */

    color:    #999 !important;

}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #999 !important;

}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #999 !important;

}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #999 !important;

}
input::-webkit-input-placeholder { /* WebKit browsers */

    color:    #999 !important;

}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #999 !important;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #999 !important;

}

input:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #999 !important;

}


.inv-list {
    width: 50%;
    padding: 0 8px;
    float: left;
    margin-bottom: 20px;
}
.inv-list .m-cont {
    width: 100%;
    background: #fff;
}
.m-pic {
    width: 100%;
    height: 130px;
}
.m-pic img{width:100%;height:100%}
.inv-font {
    height: auto;
    padding: 15px 0px;
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.inv-font .h3 {
    color: #444444;
    font-size: 16x;
    text-align: center;
    margin-bottom: 5px;
}
.mip-carousel-slideBox{background:#fff;overflow:hidden;padding-bottom:20px}

.cp_yidong{
    background: url(/images/index-two_bg.png) no-repeat top center #fafafa;
    background-size: 100% 440px;
	padding: 0px 5% 40px 5%;
	overflow:hidden;
}
.cp_yidong .ly_tit h3{color:#fff}
.cp_m_list{width: 100%;height:auto}
.cp_m_list ul  li{
    width: 48%;
    float: left;
    margin-bottom: 20px;
	position: relative;
	background: #fff;
    height: 190px;
    border: solid 1px #dcdcdc;
    border-radius: 5px;
	margin-left:1%;
	margin-right:1%;
}

.cp_m_list .int-pic {
    width: 90%;
    height: 50%;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
    position: relative;
}
.cp_m_list .int-pic img{width:100%;height:100%}
.cp_m_list  .int-font {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 70px;
    border-radius: 0 0 5px 5px;
    text-align: center;
    color: #666;
    font-size: 14px;
    background: url(/images/int-fontbg.png) no-repeat center;
    height: 60px;
    background-size: auto 100%;
}





.dibuwz {
	margin-top: 420px;
}

.bt_text {
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, .5);
}
.box>div:hover .bt_text,.box>div:hover .nr_text{
	padding-left: 40px;
	padding-right:0px !important;
}
.box>div:hover .gd_more{padding-left:0px !important;}
.box>div:hover .gd_more a{padding-right:40px;}
.nr_text {
	display: none;
	font-size: 14px;
	color: #fff;
	line-height: 180%;
	padding: 0 40px;
}

.gd_more {
	padding: 0 40px;
	display: none;
	ont-size: 14px;
	color: #fff;
	margin-top: 20px;
	text-align: right;
}

.box div:hover .bt_text {
	display: block;
	background-color: rgba(0, 0, 0, .0);
}

.box div:hover .nr_text {
	display: block;
	height: 60px;
}

.box div:hover .gd_more {
	display: block;
}

.box div:hover .bt_text {
	text-align: left;
	height: 60px;
}

.box div:hover .dibuwz {
	margin-top: 290px;
}






.box div div {
	width: 100%!important;
}


.box {
	width: 1170px;
	height: 480px;
	margin: 0px auto;
	overflow: hidden;
}

.box div {
	width: 25%;
	float: left;
	transition: all 1s;
	height: 480px;
	overflow:hidden;
}

.box:hover div {
	width: 210px;
}

.box div:hover {
	width: 530px;
}


	.mbxdz{width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    background: #f5f5f5;}
	.mbxdz p{width:1170px;margin:auto;}
	.mbxdz  a{ color: #b3b3b3;}
	.hot-list{width:1170px;height:auto;overflow:hidden;}
	.hot-list ul{padding-bottom: 50px;overflow: hidden;padding-left:0px;}
	.hot-list ul li{float: left;width: 380px;margin-right: 15px;}
	.hot-list ul li .img{overflow: hidden;}
	.hot-list ul li:nth-of-type(3n) {margin-right: 0;}
	.hot-list ul li .img img {width: 378px;height: 220px;transition: all 0.2s;}
	.hot-list ul li  p {line-height: 48px;text-indent: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #555555;}
	.hot-list ul li a:hover p{color: #269ef2 !important;}
	.hot-list ul li:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
	.hot-list span{line-height: 1.25;
    font-size: 1.125em;
    background: #003894;
    color: #fff;
    display: inline-block;
    padding: 15px 20px;
    position: relative;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #bfc8d7;
    cursor: pointer;
    margin-bottom: 17px;font-weight: 700;}
	@media screen and (max-width: 768px){
	.hot-list{width:100%;}
	.cp_box,.titdv{width:95% !important;}
	.cp_box .afleft, .cp_box .aafright,.cp_box .afright{width:100% !important;}
	.cp_box .afleft .afl1pic{width:100% !important;}
	.cp_box .afright img, .cp_box .afleft .afl1pic img{width:100%;}
	.cp_box .afleft .afl1wz{width:100%;padding-left:0px !important;}
	.cp_box .afright{padding-left:0px !important;}
	.hot-list ul li{margin-right:0px !important;width:50% !important;padding: 10px;}
	.hot-list ul li .img img{width: 100%;height: 150px;}
	.section article{margin:0px;}
	.os_li{    width: 60% !important;}
	.os_li .h6{font-size:12px !important;}
	.cpdl_left iframe{width: 100% !important;
    height: 200px !important;}
	}

.desktop-wrapper   .container{overflow:hidden;}